<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center" width="20%">弹窗广告名称</th>
            <th class="text-center" width="15%">投放时间段</th>
            <th class="text-center" width="10%">投放渠道端</th>
            <th class="text-center" width="10%">当前状态</th>
            <th class="text-center" width="10%">曝光次数</th>
            <th class="text-center" width="10%">打开次数</th>
            <th class="text-center" width="10%">
                曝光率
                <span class="fs14 c-ccc hand"
                      data-container="body"
                      data-html="true"
                      data-toggle="popover"
                      data-trigger="hover"
                      data-placement="top"
                      data-content="曝光率 = 打开次数 / 曝光次数 的百分比"
                      data-original-title="" title="">
                    <i class="fa fa-exclamation-circle"></i>
                </span>
            </th>
            <th class="text-center" width="15%">操作</th>
        </tr>
        </thead>
    </table>
    <div class="J_V_tabContent">
        <table class="table table-bordered table-hover table-xs-content">
            <tbody>
            <tr class="jqgfirstrow" role="row">
                <th class="text-center" width="20%"></th>
                <th class="text-center" width="15%">&nbsp;</th>
                <th class="text-center" width="10%">&nbsp;</th>
                <th class="text-center" width="10%"></th>
                <th class="text-center" width="10%">&nbsp;</th>
                <th class="text-center" width="10%">&nbsp;</th>
                <th class="text-center" width="10%">&nbsp;</th>
            </tr>
            <tr th:if="${#lists.isEmpty(dataMap['list'])}">
                <td colspan="10" class="text-center">
                    <div class="noDataTipsBox">
                        <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
                    </div>
                </td>
            </tr>
            <tr th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="popupSlogan : ${dataMap['list']}" th:attr="id='popupSlogan-'+${popupSlogan.id}" th:attrappend="data-name=${popupSlogan.name}">
                <input type="hidden" id="pageNum" th:value="${dataMap.pageNum}">
                <td class="text-center" th:text="${popupSlogan['name']}"></td>
                <td class="text-center">
                    <span th:text="${popupSlogan['startTime']}"></span>
                    <br>至<br>
                    <span th:text="${popupSlogan['endTime']}"></span>
                </td>
                <td class="text-center" th:if="${popupSlogan['putDitchPc']==1} and ${popupSlogan['putDitchMobile']==0}">
                    PC端
                </td>
                <td class="text-center" th:if="${popupSlogan['putDitchMobile']==1} and ${popupSlogan['putDitchPc']==0}">
                    移动端
                </td>
                <td class="text-center" th:if="${popupSlogan['putDitchMobile']==1} and ${popupSlogan['putDitchPc']==1}">
                    PC端 移动端
                </td>
                <td class="text-center" th:if="${popupSlogan['thisStatus']==1}"><span class="label label-info">进行中</span></td>
                <td class="text-center" th:if="${popupSlogan['thisStatus']==2}"><span class="label">未开始</span></td>
                <td class="text-center" th:if="${popupSlogan['thisStatus']==3}"><span class="label">已结束</span></td>
                <td class="text-center" th:text="${popupSlogan['showNum']}"></td>
                <td class="text-center" th:text="${popupSlogan['clickNum']}"></td>
                <td class="text-center" th:text="${popupSlogan['clickRate']}"></td>
                <td class="c-master text-center">
                    <a th:if="${popupSlogan['thisStatus']==2} or ${popupSlogan['thisStatus']==3}" href="javascript:void(0);" class="c-master fs14 ml5" th:attr="data-id=${popupSlogan['id']}" data-toggle="tooltip" data-placement="bottom" data-original-title="修改">
                        <i class="fa fa-edit"></i> <!--修改-->
                    </a>
                    <a th:if="${popupSlogan['thisStatus']==1}" href="javascript:void(0);" class="c-master fs14 ml5 unlockAndHistory" data-status="2" th:attr="data-id=${popupSlogan['id']}"  data-toggle="tooltip" data-placement="bottom" data-original-title="停止">
                        <i class="fa fa-pause"></i></a> <!--停止-->
                    <a th:if="${popupSlogan['thisStatus']==2}" href="javascript:void(0);" class="c-master fs14 ml5" th:attr="data-id=${popupSlogan['id']}" data-toggle="tooltip" data-placement="bottom" data-original-title="开始">
                        <i class="fa fa-hourglass-start"></i> <!--开始-->
                    </a>
                    <a href="javascript:void(0);" class="popupSlogan-delete-btn c-master fs14 ml5" th:attr="data-id=${popupSlogan['id']}" data-toggle="tooltip" data-placement="bottom" data-original-title="删除">
                        <i class="fa fa-trash-o"></i><!--删除-->
                    </a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>
</html>